@charset "utf-8";
.body{background-color: #eff3f6;}
/*------------------------------------top------------------------------------*/
.dk-top{position: fixed; top: 0; left: 0; width: 100%;  min-width: 660px; height: 60px; background-color: #fff; z-index: 99;}
.logo{float: left; padding-left: 15px; padding-right: 25px; padding-top: 5px; height: 50px;}

.dk-top-nav li{position: relative; float: left; width: 130px;  margin-top: 8px; line-height: 48px; text-align: center; font-size: 16px; color: #666; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.dk-top-nav li>a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 53px;z-index: 10;}
.dk-top-nav li>a i{padding-right: 3px; font-size: 24px;}
.dk-top-shadow{box-shadow: 0 0 5px #ccc;}

.dk-top-navSub{position: absolute; top:0; left: 0; width: 130px; padding-top: 48px;  z-index: 9; display: none;}
.dk-top-navSub dd{background-color: #fff;line-height: 35px; font-size: 14px; text-align: left; padding-left: 20px;transition: 0.3s; -webkit-transition: 0.3s;}
.dk-top-navSub dd i{font-size: 20px; padding-right: 5px; vertical-align: top;} 

.dk-top-nav li>a:hover{ color: #4BD083;}
.dk-top-nav li:hover .dk-top-navSub{display: block;box-shadow: 0 4px 10px #ccc;}
.dk-top-navSub dd:hover{background-color: #f1f1f1;padding-left: 14px; color: #000;}
/*消息提示*/
.dk-sys-messages>a{ position: relative; float: left; display:block;  width: 60px; height:60px; line-height: 60px; text-align: center;}
.dk-sys-messages>a i{font-size: 24px;}
.dk-sys-messages>a>span{position: absolute; top:10px; right:10px; display: inline-block; width: 20px; height: 18px; line-height: 18px; font-size: 10px; border-radius: 50%; background-color: red; color: #fff;}
/* user*/
.dk-user-online{position: relative; width: 90px; height: 60px;   }
.dk-user-online p{color: #666; font-size: 14px; text-align: center; transition: .3s;  height: 60px; line-height: 60px; }
.dk-user-menu{position: absolute; top:60px; right: 0; width: 200px;  padding: 0 10px; background-color: #fff; box-shadow: 0px 0px 10px #ccc; z-index: 9; display: none;}
.dk-user-menu dl dd{float: left; line-height: 40px;  width: 50%; padding-left: 10px;}
/*咖点*/
.dk-coin{line-height: 40px; color: #838d99;font-size: 12px; border-bottom: 1px solid #eee;}
.dk-coin b{font-size: 16px; padding:0 5px; color: #333;}
.dk-coin span{ border: 1px solid #4BD083; color:#4BD083;border-radius: 2px; line-height: 16px;padding: 1px 5px; margin-top: 10px; cursor: pointer;}
.dk-user-online:hover .dk-user-menu {display: block;}

/*------------------------------------sidenav------------------------------------*/
.dk-sidebox{position: fixed;top: 0; left:0 ;padding-top: 60px; width: 60px; height: 100%;  background-color: #353f4b; z-index: 98; transition: 0.3s; -webkit-transition: 0.3s;}
.dk-side-tools li{position: relative;background-color: #353f4b; color: #fff; width: 60px; height: 60px;line-height: 60px;text-align: center;cursor: pointer;overflow: hidden;}
.dk-side-tools li span{ display: block; width: 60px; height: 60px; line-height: 60px; font-size: 12px; transition: 0.3s; -webkit-transition: 0.3s;}
.dk-side-tools li span i{font-size: 20px;}
.dk-side-tools li:hover{background-color: #435161}
.dk-side-tools li:hover span{height: 35px; line-height: 35px; }
.dk-side-tools li:hover p{height: 25px; line-height: 20px; font-size: 12px; }
.dk-side-tools li.tools-bg{background-color: #435161;}
.dk-side-tools li.tools-bg span{height: 35px; line-height: 35px; }
.dk-side-tools li.tools-bg p{height: 25px; line-height: 20px; font-size: 12px; }
/* sidenav > 弹出列表  */
.dk-toolbox{position: absolute; top: 0; left: 60px; width: 240px; height: 100%; padding-top: 60px;padding-bottom: 10px; background-color: #eff3f6; border-right: 10px solid #d5d5d5; z-index: 97; display: none; }
.dk-tool-listitem{width: 240px; height: 100%; /*display: none;*/}
.dk-tool-listitem ul li{ width: 230px; height: 80px; border-bottom: 1px solid #ccc;}
.dk-tool-listitem ul li a{display: block; padding: 10px;transition: 0.3s; -webkit-transition: 0.3s;}
.dk-tool-listitem ul li a h3{padding-bottom: 20px; position: relative;}
.dk-tool-listitem ul li a p{font-family: 'arial'; color: #999;}
.dk-tool-listitem ul li a:hover{border-left:6px solid #57A3F2; background-color: #fff;}
/* sidenav > 弹出列表 > 新消息*/
.dk-toolmess-tips{ position: absolute; top: 8px; right: 0; display: inline-block;width: 5px; height: 5px; border-radius: 5px; background-color: red; }

/*------------------------------------content------------------------------------*/
.dk-path-nav { padding-top: 70px; line-height: 80px; }
.dk-path-nav b{padding: 0 5px; font-size: 14px; font-family: '宋体';}
.dk-main-box{position: relative; padding: 15px 35px; background-color: #fff;}
.dk-content{padding-bottom: 15px;}
.dk-content h2{padding: 15px 0;}
.dk-content p{line-height: 24px; color: #666;}
/*详情*/
.dk-contaiter { width: 1200px;  margin: 0 auto; }
@media screen and (max-width: 1200px) {
.dk-contaiter{ padding:0 70px;  }

}
/* 右下角固定栏目 */
/* fiexd-group */
.fixed-group {
    position: fixed;
    bottom: 125px;
    right: 25px;
    line-height: 48px;
    width: 48px;
}
.fixed-group .iconfont {
    font-size: 20px;
    transition: all linear 0.2s;
    vertical-align: top;
}
.fixed-group .fiexd-item {
    width: 48px;
    text-align: center;
    height: 48px;
    margin-bottom: 12px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    color: #d6d6d6;
    border: 1px solid #d6d6d6;
    box-shadow: 0px 0px 5px 1px #ccc;
    cursor: pointer;
    display: none;
}
.fixed-group .fiexd-item#con {
    display: block;
}
.fixed-group .fiexd-item:hover .iconfont {
    font-size: 24px;
}
.fixed-group .fiexd-item.xiangmu {
    color: #fff;
    background-color: #0ecc6c;
}
.fixed-group .fiexd-item.wenti{
    color: #fff;
    background-color: #0096ff;
}
.fixed-group .fiexd-item .icon-bi,
.fixed-group .fiexd-item .icon-jiantou{
    color: #0E71EA;
}
#jiantou{
    transform:rotate(270deg);
    -ms-transform:rotate(270deg); 
    -moz-transform:rotate(270deg);
    -webkit-transform:rotate(270deg); 
    -o-transform:rotate(270deg); 
}
/* .fixed-group .fiexd-left{
    margin-right: 12px;
    display: none;
}
.fixed-group .fiexd-right {
    padding-top: 120px;
} */
.btn {
    background: none;
    border: none;
    line-height: 100%;
    padding: 0px 15px;
    border-radius: 4px;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
}
.btn-small {
    line-height: 30px;
    padding: 0 12px;
}
.btn-xs {
    line-height: 24px;
    padding: 0 12px;
    font-size: 12px;
}
.btn-primary {
    background-color: #4bd083;
    color: #fff;
}